<div>{{form.value |json}}</div>

<form apes-form [formGroup]="form" (ngSubmit)="submit()">
  <ng-select [items]="contract$ | async"
             bindLabel="id"
             class="ng-table"
             [hideSelected]="true"
             [loading]="contractLoading"
             [typeahead]="contractinput$"
             (scrollToEnd)="fetchMore()"
             formControlName="select1">
    <!-- 表头部分 -->
    <ng-template ng-header-tmp>

      <div apes-row class="ng-table-row">
        <div apes-col class="ng-table-col" [apesSpan]="4">合同号</div>
        <div apes-col class="ng-table-col" [apesSpan]="4">供应商代码</div>
        <div apes-col class="ng-table-col" [apesSpan]="16">供应商名称</div>
      </div>
    </ng-template>

    <ng-template ng-option-tmp let-item="item">
      <div apes-row class="ng-table-row">
        <div apes-col class="ng-table-col" [apesSpan]="4">{{item.id}}</div>
        <div apes-col class="ng-table-col" [apesSpan]="4">{{item.partner.id}}</div>
        <div apes-col class="ng-table-col" [apesSpan]="16">{{item.partner.name}}</div>
      </div>
    </ng-template>
  </ng-select>
    <apes-city-picker formControlName="city" [level]="'city'"></apes-city-picker>
    <apes-container [datas]="dataArray" [form]="form" #cont [model]="model">
    </apes-container>
    <pre>{{model  | json}}</pre>

    <!-- <footer-toolbar errorCollect style="z-index: 0">-->
        <!--<button apes-button [apesType]="'primary'" [disabled]="!form.valid" apesSize="large">提交</button>-->
    <!--</footer-toolbar> -->


    <button type="button" (click)="testApi()">测试api</button>

</form>
